<template>
  <div class="card" :style="'background-image: url(' + url + ');'">
    <div class="info">{{ type }}/{{ len }}</div>
    <div class="label">{{ label }}</div>
  </div>
</template>
<script setup>
import { defineProps } from "vue";

const Props = defineProps({
  type: String,
  url: {
    type: String,
    required: true,
    validator: function (value) {
      return /\.(jpg|jpeg|png|gif|svg)$/i.test(value);
    },
  },
  len: String,
  label: String,
});
</script>
